<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>点击事件</button>
    <button class="remove">解除</button>
    <script>
        // 1、事件解绑无法解除匿名函数
        // document.querySelector('button').addEventListener('click', function () {
        //     console.log('click');
        // })
        // document.querySelector('.remove').onclick = function () {
        //     // w3c浏览器 监听的解绑 使用removeEventListener方法
        //     // IE低版本  使用detachEvent
        //     // 第一个参数指定事件名称 第二个参数 指定事件处理程序(事件监听上可以存在多个事件处理程序)
        //     document.querySelector('button').removeEventListener('click',function(){
        //         console.log('click');
        //     })

        // }

        function fn(){
            console.log('click')
        }
        document.querySelector('button').addEventListener('click',fn);
        document.querySelector('.remove').onclick =function(){
            document.querySelector('button').removeEventListener('click',fn);
        }
        // 引用类型 比较相等时 永远是比较内存地址，不是按照存储的值进行比较的
        var a = function () {

        }
        var b = function () {

        }
        console.log(a == b)
    </script>
</body>

</html>